
.color-C4C7CC {
	color: #C4C7CC
}
.content {
	width: 100vw;
	padding: 32rpx 32rpx 0;
	box-sizing: border-box;
}

.tag-box {
	width: 100%;
	border-radius: 24rpx;
	background: $uni-F5F5F5;
	box-sizing: border-box;
	padding: 0 20rpx 20rpx;
	flex-wrap: wrap;
	min-height: 80rpx;
}

.tag {
	color: $uni-585C66;
	padding: 20rpx 56rpx 20rpx 24rpx;
	background: $uni-white;
	border-radius: 16rpx;
	position: relative;
	margin-right: 20rpx;
	flex-shrink: 0;
	margin-top: 20rpx;
	max-width: 550rpx;
	image {
		width: 32rpx;
		height: 32rpx;
		position: absolute;
		right: 8rpx;
		top: 8rpx;
	}
}

.describe-box {
	flex-wrap: wrap;
	margin-top: 60rpx;
	.item {
		width: 333rpx;
		height: 84rpx;
		box-sizing: border-box;
		padding: 0 24rpx;
		border-radius: 16rpx;
		margin-bottom: 20rpx;
	}
	
	.active {
		color: $uni-text-color-main;
		background: #E6F5ED;
		border: 2rpx solid #ACD3BE;
	}
	.unactivated {
		border: 2rpx solid #E8EAED;
	}
}

.popup-box {
	background: $uni-white;
	border-radius: 24rpx 24rpx 0 0;
	.top {
		width: 100vw;
		height: 96rpx;
		box-sizing: border-box;
		padding: 0 24rpx;
		border-bottom: 2rpx solid #EBEEF5;
	}
	
	.scroll {
		width: 100%;
		height: 70vh;
		box-sizing: border-box;
		padding: 20rpx 40rpx;
	}
	.item {
		width: 210rpx;
		height: 72rpx;
		text-align: center;
		border-radius: 12rpx;
		margin-top: 16rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.active {
		color: $uni-text-color-main;
		background: #E6F5ED;
		border: 2rpx solid #ACD3BE;
	}
	.unactivated {
		border: 2rpx solid #E8EAED;
		color: $uni-text-color-grey;
	}
}

.item-box-3 {
	margin-top: 32rpx;
	overflow: hidden;
	.item {
		width: 156rpx;
		height: 52rpx;
		line-height: 52rpx;
		text-align: center;
		border-radius: 8rpx;
		font-size: 24rpx;
		margin-right: 20rpx;
		margin-bottom: 16rpx;
	}
	
	.active {
		color: $uni-white;
		background: $uni-text-color-main;
	}
	.unactivated {
		background: $uni-F5F5F5;
		color: $uni-585C66;
	}
}